<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="yes" name="apple-touch-fullscreen" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <!--<meta name="flexible" content="maximum-dpr=3" />-->
    <meta content="modeName=750-12" name="grid" />
    <script src="./js/jquery.mobile-1.4.5.min.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!--<div id="d1">-->
    <!--<% for(var key in htmlWebpackPlugin.files){ %>-->
    <!--<%=  JSON.stringify(htmlWebpackPlugin.files[key])  %>-->
    <!--<% }%>-->
<!--</div>-->
<header>
    <div class="coash">
        <div class="coash-list flex_row ">
            <div class="coash-img col-3">
                <img class="img_responsive" src="./images/coash.png" alt="">
            </div>
            <div class="coash-list-detail flex_column flex_space_between col-6">
                <div class="coash-list-detail-title">
                    <p>王某某</p>
                </div>
                <div>
                    <ul class="coash-list-detail-age flex_column flex_space_between">
                        <li>
                            <span>8年教龄</span>
                        </li>
                        <li>
                            <img src="./images/position.png" alt="">
                            <span>杭州四季青青驾校</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="coash-list-star col-3 flex_column flex_space_between">
                <div>学员 <span>100</span></div>
                <div>
                    <img src="./images/star.png" alt=""><img src="./images/star.png" alt=""><img src="./images/star.png" alt=""><img src="./images/star.png" alt="">
                </div>
            </div>
        </div>
    </div>
</header>

<div class="addr">
    <div class="addr-list">
        <ul>
            <li class="flex_row"><span class="col-3">驾校</span><span class="addr-name">杭州四季青驾校</span></li>
            <li class="flex_row"><span class="col-3">训练地址</span><span class="addr-detail">浙江省杭州市西湖区西溪路527号</span></li>
        </ul>
    </div>
</div>

<h3>教练简介</h3>

<section class="coashDetail">
    <p>教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍</p>
</section>

<h3>教学环境</h3>
<section class="env">
    <ul class="envContainer">
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
        <li><img src="./images/env.png" alt=""></li>
    </ul>
</section>



<footer class="footer">

</footer>


</body>
</html>